body {
    background-color: #f8f9fa;
}
.table th, .table td {
    vertical-align: middle;
}

/* 搜索框样式 */
#tableSearchInput {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

#tableSearchInput:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    border-color: #86b7fe;
}

/* 修复表格列显示不全问题 */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* 确保表格列有合适的宽度 */
#dataTable th, #dataTable td,
#structureTable th, #structureTable td {
    min-width: 100px; /* 设置最小宽度 */
    white-space: nowrap; /* 防止文本换行 */
}

/* 操作列可以稍微宽一些 */
#dataTable th:last-child, #dataTable td:last-child,
#structureTable th:last-child, #structureTable td:last-child {
    min-width: 120px;
}

/* 移动端优化 */
@media (max-width: 768px) {
    /* 确保表格可以水平滚动 */
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
    
    /* 调整表格样式，使其在小屏幕上更紧凑 */
    .table th, .table td {
        padding: 0.5rem;
    }
    
    /* 表格使用固定布局，提高渲染性能 */
    .table {
        table-layout: fixed;
        width: 100%;
    }
} 